﻿<script>
    $(document).ready(function () {        
        var SelectedExperienceid = "";
        $("li a").click(function (event) {
            sessionStorage.setItem("SelectedExperienceId", this.id);
        });
        $('.navigation li a').removeClass();
        //SelectedExperienceid = sessionStorage.getItem("SelectedExperienceId");
        //var HeaderId = sessionStorage.getItem("SelectedId");       
        $(('#' + SelectedExperienceid)).addClass('active');
        //if (id == "Experiences" && SelectedExperienceid == "") { $('#Angling').addClass('active'); }
        $('#jerrysNav li').removeClass();
        $('.footer-links li').removeClass();
        $(('#Experiences')).parent().addClass('active');
        $(('#ExperiencesFooter')).parent().addClass('active');
    });
</script>
<section class="right-menu" style="margin-left:30px;">
    <h5>Experiences</h5>
    <ul class="navigation right-menu">
        <li> <a id="Angling" href="~/experiences/Fishing">Angling/Fishing</a></li>
        <li> <a id="Bird" href="~/experiences/Index">Bird Watching</a></li>
        <li> <a id="Cooking" href="~/experiences/CookingDay">Cooking Day</a></li>
        <li> <a id="Dalai" href="~/experiences/Dharamsala">Dalai Lama</a></li>
        <li> <a id="HimanchalCulture" href="~/experiences/HimanchalCulture">Himanchal Culture</a></li>
        <li> <a id="JungleTrek" href="~/experiences/JungleTrek">Jungle Trek</a></li>
        <li> <a id="Organic" href="~/experiences/Organic">Organic & Dairy Farming</a></li>
        <li> <a id="Paragliding" href="~/experiences/Paragliding">Paragliding</a></li>
        <li> <a id="PotteryMaking" href="~/experiences/PotteryMaking">Pottery Making</a></li>
        <li> <a id="RiverCrossing" href="~/experiences/RiverCrossing">River Crossing</a></li>
        <li> <a id="RockClimbing" href="~/experiences/RockClimbing">Rock Climbing</a></li>
        <li> <a id="SelfDefence" href="~/experiences/SelfDefence">Self Defence</a></li>
        <li> <a id="TeaGarden" href="~/experiences/TeaGarden">Tea Garden & Factory</a></li>
        <li> <a id="Temple" href="~/experiences/Temple">Temple & Monastery Circuit</a></li>
        <li> <a id="TentPitching" href="~/experiences/TentPitching">Tent Pitching</a></li>
        <li> <a id="ToyTrain" href="~/experiences/ToyTrain">Toy Train</a></li>
        <li> <a id="Yoga" href="~/experiences/Yoga">Yoga</a></li>
    </ul>
</section>